@charset "utf-8";
/*
 * @Author: hl,haolei@ec.com.cn
 * @Date: 2021-01-13 12:41:05
 * @LastEditTime: 2021-07-15 11:25:59
 * @LastEditors: hl,haolei@ec.com.cn
 * @Description: 
 */
 *, *:before, *:after {
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
html,body{width:100%;height:100%;}
html{min-width:1280px;}
body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;color:#333;}
a,input,.u-log-fm .u-icon{
	-webkit-transition:.8s;
	transition:.8s;
}
@-webkit-keyframes zoomout{
	form{-webkit-transform:scale(1.15);transform:scale(1.15)}
	to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomout{
	form{-webkit-transform:scale(1.15);transform:scale(1.15)}
	to{-webkit-transform:scale(1);transform:scale(1)}
}
/******辅助类*******/
.f-wrap-auto{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.u-btn {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding: 0 18px;
    background-color: #4e87e7;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 18px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.u-btn.u-btn-sm {
	height: 30px;
	font-size: 14px;
	line-height: 30px;
}
.u-btn.u-btn-w200{
	padding: 0;
	width: 200px;
}
.u-btn.u-btn-c1{
	background-color: #eaf3ff;
	color: #3c6ed3;
}

/******g-bd-wrap*******/
html, body {
	width: 100%;
	height: 100%;
}
html{
	min-width: 1200px;
	width: auto;
}
body{
	background: #ffff;
	min-width: 1200px;
}
.g-doc{
	padding-bottom: 233px;
	min-height: 100%;
	_height: 100%;
}
.g-hd{
	background-color: #fff;
}
.g-hd .m-hd{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	height: 188px;
	/*background-image: url(../../img/bg/topBg_01.jpg),linear-gradient(to right, #0397f9, #1b5fc0);*/
	background: url(../../img/bg/bg_top.png) 98% bottom no-repeat;
}

/******头部 *******/
.g-hd .m-welcome-wrap{
	height: 40px;
}
.g-hd .m-welcome-wrap .u-welcome-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}
.u-welcome-box .u-welcome-txt{
	font-size: 14px;
	color: #666;
}
.u-welcome-box .u-welcome-txt > a{
	padding: 0 6px;
	color: #666;
	text-decoration: none;
}
.u-welcome-box .u-welcome-txt > a + a{
	border-left: 1px solid #666;
}
.u-sch-box .u-sch-ipt{
	position: relative;
	padding: 0 75px 0 30px;
	width: 326px;
	height: 35px;
	border-radius: 2px;
	border: 1px solid #d6dce2;
}
.u-sch-box .u-sch-ipt .u-ipt{
	background-color: transparent;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #333;
	border: none;
}
.u-sch-box .u-sch-ipt .u-ipt::-webkit-input-placeholder {
	color: #bbb;
}
.u-sch-box .u-sch-ipt .u-ipt::-moz-input-placeholder {
	color: #bbb;
}
.u-sch-box .u-sch-ipt .u-ipt::-ms-input-placeholder {
	color: #bbb;
}
.u-sch-box .u-sch-ipt .u-icon-sch {
    position: absolute;
	top: 10px;
	left: 9px;
    width: 15px;
    height: 15px;
    background: url(../../img/icon/icon_sch_02.png) 0 0 no-repeat;
	cursor: pointer;
	-webkit-transition: .6s;
	transition: .6s;
}
.u-sch-box .u-ipt:focus{
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.u-sch-box .u-ipt:focus + .u-icon-sch {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.u-sch-box button{
	position: absolute;
	top: 0;
	right: 0;
	width: 68px;
	height: 33px;
	background-color: #478ac8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#478ac8), to(#478ac8)), -webkit-gradient(linear, left top, left bottom, from(#006aec), to(#006aec));
	background-image: linear-gradient(#478ac8, #478ac8), linear-gradient(#006aec, #006aec);
	font-size: 16px;
	color: #fff;
	border: none;
	letter-spacing: 3px;
	cursor: pointer;
}
.m-hd .u-logo-txt{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 148px;
}
.m-hd .u-logo,.u-quick-guide-box .hd,.u-quick-guide-box .bd .u-login-box{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.u-logo-txt .u-sch-box {
    margin-right: 80px;
    margin-top: -37px;
}
/****** 顶部菜单 *******/
.m-top-menu{
	background-color: #18569c;
	height: 50px;
}
.m-top-menu > .u-top-menu{
	margin: 0 auto;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
	justify-content: space-between;
	width: 1200px;
}
.m-top-menu > .u-top-menu li{
	margin: 0 10px;
}
.m-top-menu > .u-top-menu a{
	display: block;
	padding: 0 14px;
	font-size: 18px;
	line-height: 46px;
	border-bottom: 4px solid #18569c;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.m-top-menu > .u-top-menu a:hover,.m-top-menu > .u-top-menu a.z-crt{
	border-bottom: 4px solid #fff;
	font-weight: bold;
}

/*******滑动验证*******/
.verify-wrap,.verify-wrap .drag-progress{
	height: 40px;
	border: 1px solid #a5bce2;
}
.verify-wrap{
	margin: 0 auto;
	background-color: #a5bce2;
}
.verify-wrap .drag-progress,.verify-wrap .verify-msg{
	background-color: #6d8fc7;
}
.verify-wrap .drag-btn{
	width: 44px;
	height: 40px;
	background-image: url(../../img/icon/icon_drag_01.png);
	background-color: #fff;
	background-size: auto;
}
.verify-wrap .fix-tips, .verify-msg{
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}

/******footer*******/
.g-ft{
	margin:-235px auto 0;
    height: 235px;
	background-color: #f5f5f5;
	border-top: 3px solid #dddcdc;
}
.m-ft{
	padding: 15px 0;
	height: calc(100% - 41px);
}
.m-ft .u-ft-link-box{
	position: relative;
	margin: 0 auto;
	width: 1200px;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
}
.m-ft .u-ft-link-box > dl{
	font-size: 14px;
	line-height: 30px;
}
.m-ft .u-ft-link-box > dl dt{
	font-size: 16px;
	line-height: 41px;
}
.m-ft .u-ft-link-box > dl + dl{
	margin-left: 80px;
}
.m-ft .u-ft-link-box > dl:first-child{
	margin-left: 15px;
}
.m-ft .u-ft-link-box > dl a{
	color: #333;
	text-decoration: none;
}
.m-ft .u-ft-link-box > dl:nth-child(2){
	flex: 1;
	margin-top: 10px;
	font-size: 15px;
}
.m-ft .u-ft-link-box > dl:nth-child(2) dd {
	display: flex;
}
.m-ft .u-ft-link-box > dl:nth-child(2) dd span+span {
	margin-left: 90px;
}
.m-ft .u-ft-link-box > dl:nth-child(3){
	margin: 10px 50px 0;
	width: 270px;
	font-size: 15px;
}
.m-ft .u-ft-link-box > dl:nth-child(3) a {
	width: 120px;
}
.m-ft .u-ft-link-box > dl:nth-child(2) dd > a{
	display: inline-block;
	margin-right: 5px;
	width: 30%;
}
.m-ft .u-ft-link-box > dl:nth-child(2) dd > a.y-l-100 {
	width: 100%;
}
.m-ft .u-ft-link-box > .u-share-box {
    /* position: absolute;
    left: 0;
    top: 25px; */
	margin: 20px 0 0 0;
    /* -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
    display: -webkit-box;
    display: -ms-flexbox; */
	display: flex;
	text-align: center;
}
.m-ft .u-ft-link-box > .u-share-box dd{
	margin: 0 12px;
}
.m-ft .u-ft-link-box > .u-share-box .p1{
	font-size: 14px;
	line-height: 32px;
}
.m-ft .u-ft-link-box > .u-share-box img{
	max-width: 105px;
	max-height: 105px;
}
.m-ft .u-ft-link-box .u-link-box{
	width: 455px;
}
.m-ft .u-ft-link-box .u-link-box a{
	display: inline-block;
	width: 85px;
}
.m-cprt-box{
	margin: 0 auto;
	width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.m-cprt{
	padding: 5px 0;
	font-size: 14px;
	line-height: 30px;
	color:#333;
	border-top: 1px solid #dddcdc;
}
.m-cprt > a{
	color: #333;
}

/******三条杠********/
.u-adidas-box{
	position: relative;
	margin: 0 35px;
	width: 30px;
	height: 24px;
    cursor: pointer;
	-webkit-transition-duration: .66s;
    transition-duration: .66s;
}
.u-adidas-box .u-menu-icon{
	width: 30px;
	height: 4px;
	background-color: #18569c;
	position: absolute;
	top: 10px;
	left: 0px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.u-adidas-box .u-menu-icon:before,.u-adidas-box .u-menu-icon:after {
	width: 30px;
	height: 4px;
	background-color: #18569c;
	content: "";
	position: absolute;
	left: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: swing;
	transition-timing-function: swing
}
.u-adidas-box .u-menu-icon:before {
	top: -10px
}
.u-adidas-box .u-menu-icon:after {
	top: 10px
}
.u-adidas-box .u-menu-icon.z-crt{
	width: 0;
}
.u-adidas-box .u-menu-icon.z-crt:before {
	width: 26px;
	height: 3px;
	border-radius: 2px;
	-webkit-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg)
}
.u-adidas-box .u-menu-icon.z-crt:after {
	width: 26px;
	height: 3px;
	border-radius: 2px;
	-webkit-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg)
}
.u-quick-guide-box{
	position: absolute;
	top: 0;
	left: -344px;
	width: 344px;
	height: 940px;
	background-color: #fff;
	-webkit-box-shadow:  0 0 6px 0px #e7e7e7;
	        box-shadow:  0 0 6px 0px #e7e7e7;
	overflow: hidden;
	-webkit-transition: all .6s;
	transition: all .6s;
}
.u-quick-guide-box.z-crt{
	left: 260px;
}
.u-quick-guide-box > .hd{
	height: 188px;
	font-size: 18px;
	color: #18569c;
	border-bottom: 1px solid #4678b0;
}
.u-quick-guide-box > .hd .u-adidas-box{
	margin: 0 15px 0 40px;
}
.u-quick-guide-box > .bd{
	border-top: 1px solid #e0e8f2;
}
.u-quick-guide-box .u-login-box{
	-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	height: 78px;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
}
.u-quick-guide-box .u-login-box > a{
	padding-left: 40px;
	line-height: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}
.u-quick-guide-box .u-login-box .u-icon-login{
	background-image: url(../../img/icon/icon_login.png);
}
.u-quick-guide-box .u-login-box .u-icon-reg{
	margin-left: 24px;
	background-image: url(../../img/icon/icon_reg.png);
}
.u-quick-guide-box .u-side-menu{
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
}
.u-quick-guide-box .u-side-menu li{
	font-size: 18px;
	line-height: 60px;
	text-align: center;
}
.u-quick-guide-box .u-side-menu li > a{
	color: #18569c;
}
.u-quick-guide-box .u-side-menu li > a:hover{
	font-weight: bold;
	text-decoration: none;
}
.u-quick-guide-box .u-wx-box img{
	max-width: 124px;
}
.u-quick-guide-box .u-wx-box .p1{
	margin-top: 15px;
	font-size: 14px;
	color: #707070;
}
/* 
 * media 
 * 通过媒体查询为不同的设备和大小配置不同的样式。
 */
/* 横屏 */
@media screen and (orientation:landscape){}
/* 竖屏 */
@media screen and (orientation:portrait){}
@media screen and (max-width:1600px){
	.u-quick-guide-box.z-crt{
		left: 0;
	}
}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){}
/* 打印 */
@media print{}